<%@ page import="com.graduation.lastproject.entity.User" %><%--
  Created by IntelliJ IDEA.
  User: cyy
  Date: 2020/1/28
  Time: 19:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
    String user=request.getSession().getAttribute("user")+"";
%>
<c:set var="ctx" value="<%=basePath%>"  />
<c:set var="user" value="<%=user%>"  />
<html>
<head>
    <meta charset="UTF-8">

    <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/bootstrapTime/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link href="/static/bootstrap/css/bootstrapValidator.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/static/toastr/toastr.min.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <script  src="/static/bootstrap/js/bootstrapValidator.js"></script>
    <script src="/static/bootstrapNewTime/moment-with-locales.min.js"></script>
    <script src="/static/bootstrapNewTime/bootstrap-datetimepicker.min.js"></script>
    <link href="/static/bootstrapNewTime/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/home/cityselect.css" />
    <script src="/static/js/home/cityselect.js"></script>
    <script src="/static/toastr/toastr.min.js"></script>
    <script src="/static/js/home/home.js"></script>

    <title></title>
    <style type="text/css">
        .navbar{
            background-color: #DEB887;
        }
        .myrow {
            display: flex;   /* 横向排列*/
           /* flex-direction: row; !*弹性盒元素的方向为相反的顺序*!*/
        }
        .xxxx {
            height: 2px;
            background: #999999;
            margin-top: 16px;
            width: 2em;
            margin-left: 1em;
            margin-right: 1em;
        }
        /*第一行文本*/
        .form-group1 {
            margin-top: 20%;
            margin-left: 25%;
            color: #8B008B;
        }
        /*城市输入*/
        .cityinput{
            height: 34px;
            margin-right: 10px;
        }
        /*到店时间*/
        #ariveTime{
            margin-left: 140px;
        }
        /*离店时间*/
        #removeTime{
            margin-left: 180px;
        }
        .cyy input{
            text-indent:0.8cm;
        }
        button{
            width: 140px;
            line-height: 40px;
            color: #7f1f59;
            border-style: solid;
            border-width: 1px;
            border-color: #7f1f59;
        }
        h3{
            text-align: center;
        }
        .left{
            padding-left: 10px;
            font-size: 14px;
            color: #b1b2b4;
        }
        strong{
            font-size: 19px;
            color: #484848;
            display: block;
        }
        .col-md-3 strong,.col-md-3 p{
            margin-left: 35%;
        }
        /* 悬浮变小手*/
        .input-group.date{
            cursor: pointer;
        }
        /*只显示纵向滑动条*/
        html { overflow-x: hidden; overflow-y: auto; }
    </style>
    <script>
        var ctx='${ctx}';
        var user='${user}';  //当前登录人姓名
        console.info("登录人信息:"+user)

    </script>
</head>

<body>
    <nav class="navbar " role="navigation">
        <%--<div role="navigation"></div>，把div元素转换为navigation导航功能使用；--%>
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand">
                    <!--<img src="img/top.jpg" width="35px" height="30px">-->
                    <img src="/static/img/logoNew.png" width="100px" height="45px" style="margin-top: -10px" />
                </a>

            </div>
            <div class="collapse navbar-collapse" id="example-navbar-collapse">
              <%--  <ul class="nav navbar-nav">
                    <li><span class="navbar-brand">炎住馆</span>
                    </li>
                </ul>--%>
                <ul class="nav navbar-nav navbar-right">
                    <c:choose>
                        <c:when test="${user == 'null'}">
                            <%--<shiro:notAuthenticated>--%>
                            <li>
                                <%--<a href="login">登录</a>--%>
                                <a data-toggle="modal" data-target="#loginModal">登录</a>
                            </li>
                            <li>
                                <a href="register">注册</a>
                            </li>
                            <%--</shiro:notAuthenticated>--%>
                        </c:when>
                        <c:otherwise>
                            <%--<shiro:user>--%>
                                <li>
                                    <%--<a>欢迎&lt;%&ndash;[<shiro:principal property="realname"/>]&ndash;%&gt;登录</a>--%>
                                    <a>欢迎[${user}]登录</a>
                                </li>
                                <li>
                                    <a href="update">修改信息</a>
                                </li>
                                <li>
                                    <a href="withMe">与我相关</a>
                                </li>
                                <li>
                                    <a href = "logout">退出</a>
                                </li>
                           <%-- </shiro:user>--%>
                        </c:otherwise>
                    </c:choose>
                </ul>
            </div>
        </div>
    </nav>
    <div class="all"  id="hotelPic" style="width: 1350px; height: 500px">
        <div class="form-group1">

            <label>目的地:</label>
            <label id="ariveTime">入住日期:</label>
            <label id="removeTime">离店日期:</label>
            <div class="myrow">
                <div class="cyy">
                    <!-- 在输入框加入id -->
                    <input type="text" class="cityinput" id="citySelect" >
                </div>

                <div class='input-group date' style="width: 14em;" id='datetimepicker1'>
                    <input type='text' class="timeInput form-control" id="timeInput"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
                <div class="xxxx">
                </div>
                <div class='input-group date' style="width: 14em;"  id='datetimepicker2'>
                    <input type='text' class="timeInput form-control"  id="timeInput1"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>

                <div>
                    <button id="go" class="btn btn-info" style="margin-left: 2px; width: 50px">GO</button>
                </div>
            </div>
        </div>

    </div>
    <div class="des">
        <h3 style="font-size: 28px;color: #484848;">关于炎住馆</h3> <!--lineheight 行高  text-indent 首行缩进-->
        <div style="margin-left:15%;margin-right:15%;font-size: 16px;color: #b0b0b0;line-height: 22px; text-indent: 2.5em">
            炎住馆，
            专注于酒店预订领域,是一个高效、便捷、温情的酒店预订平台。
            满足各类人士的需求，或商务、或休闲、或怡情。是您外出住宿的不二帮手。
        </div>
        <div style="text-align: center; margin-top: 20px;">
            <span><button type="button" data-toggle="modal" data-target="#InfoModal">了解特权</button></span>
            <span style="margin-left: 20px;"><a href="register" ><button type="button" style="background-color: #872962;color: white;">会员加入</button></a></span>
            <span style="margin-left: 20px;"><a href="business/index" ><button>商家入驻</button></a></span>
        </div>
    </div>

    <div style="margin-top: 20px;">
        <div class="col-md-3">
            <div>
                <img style="height: 75px;float: left;" src="/static/img/home/homePri.png" >
                <span class="left">
						<strong>线上低价</strong>
						<p>线上价格较线下更优惠</p>
					</span>

            </div>
        </div>
        <div class="col-md-3">
            <img  style="height: 75px;float: left;" src="/static/img/home/score.png" >
            <span class="left">
						<strong>高倍积分</strong>
						<p>订房赠送积分,兑换缤纷好礼</p>
					</span>
        </div>
        <div class="col-md-3">
            <img  style="height: 75px;float: left;" src="/static/img/home/vip.png" >
            <span class="left">
						<strong>优惠特权</strong>
						<p>送早餐 延时退房 儿童政策</p>
					</span>
        </div>
        <div class="col-md-3">
            <img style="height: 75px;float: left;" src="/static/img/home/gift.png" >
            <span class="left">
					    <strong>更多惊喜</strong>
					    <p>敬请期待</p>
                    </span>
        </div>
    </div>


    <%--登录模态框--%>
    <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="scanInfoModalLabel">登录框</h4>
                </div>
                <form class="form-horizontal center-block" id="login" role="form">
                    <div class="modal-body" >
                            <div class="form-group">
                                <label class="col-md-4 control-label"  style="padding-top: 0px"><img style="width: 34px;height: 34px" src="/static/img/register/user.png" />用户:</label>
                                <div class="col-md-4">
                                    <input class="form-control" id="realname"  name="realname" type="text" placeholder="会员手机号"  autocomplete="off"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="col-md-4 control-label" style="padding-top: 0px"><img style="width: 34px;height: 34px" src="/static/img/register/password.png" />密码:</label>
                                <div class="col-md-4">
                                    <input class="form-control" id="password" name="password"  type="password" placeholder="请输入密码" autocomplete="off"/>
                                </div>
                            </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" style="margin-left: 2px; width: 100px" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" style="margin-left: 2px; width: 100px" id="loginActive">登录</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <%--详情--%>
    <div class="modal fade" id="InfoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="">特权框</h4>
                </div>
                <form class="form-horizontal center-block"  role="form">
                    <div class="modal-body" >
                        <div class="form-group">
                            <label class="col-md-4 control-label"  style="padding-top: 0px;text-align: center;color: #7f1f59">会员等级说明:</label>
                            <div class="col-md-8">
                                <span> 注册用户会员等级为V0</span><br \>
                                <span> 消费满10000等级为V1</span><br \>
                                <span> 消费满20000等级为V2</span><br \>
                                <span> 消费满50000等级为V3</span><br \>
                                <span> 大于100000等级为V4</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" style="padding-top: 0;text-align: center;color: #7f1f59">会员价格说明:</label>
                            <div class="col-md-8">
                                <span> 会员等级为V0消费价格为原价格、</span><br \>
                                <span> 会员等级为V1消费价格为原价格乘以0.9(取整)</span><br \>
                                <span> 会员等级为V2消费价格为原价格乘以0.85(取整)</span><br \>
                                <span> 会员等级为V3消费价格为原价格乘以0.8(取整)</span><br \>
                                <span> 会员等级为V4消费价格为原价格乘以0.7(取整)</span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-4 control-label" style="padding-top: 0px;text-align: center;color: #7f1f59;">积分兑换说明:</label>
                                <span style="padding-left: 15px"> 会员等级为越高选择性越多</span>
                        </div>
                    </div>
                </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" style="margin-left: 2px; width: 100px" data-dismiss="modal">关闭</button>
                    </div>
            </div>
        </div>
    </div>
</body>

</html>

